<template>
	<view class="g-main">
		<checkbox-group name="">
			<label class="u-car f-frow f-bc-whilte f-p15 f-mb7" v-for="item in [1,2,3,4,5,6,7]" :key="item">
				<view class="f-bc-whilte f-fz14">
					<view class="f-mb15">
						<text class="key f-fc-grey f-mr10">车型名称</text>
						<text class="">奥迪Q5L 2020款 45TFSI 尊享时尚型</text>
					</view>
					<view class="f-frow f-mb15">
						<view class="f-w50p">
							<text class="key f-fc-grey f-mr10">指导价</text>
							<text class="">42.13万</text>
						</view>
						<view class="f-w50p">
							<text class="key f-fc-grey f-mr10">外饰/内饰</text>
							<text class="">黑色/灰色</text>
						</view>
					</view>
					<view class="f-mb15">
						<text class="key f-fc-grey f-mr10">数量</text>
						<text class="">1台</text>
					</view>
					<view class="">
						<text class="key f-fc-grey f-mr10">车架号</text>
						<text class="">LSVN148R0KN082784</text>
					</view>
				</view>
				<checkbox :value="1" class="round red"/>
			</label>
		</checkbox-group>
		
		<view class="u-select f-frowspcen f-bc-whilte">
			<label for="">
				<view class="f-frowceny">
					<radio value="" class="red" /><text class="f-fz14 f-fc-primary">全选</text>
				</view>
			</label>
			<button class="u-order-btn">确定</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
	.g-main {
		padding-bottom: 100rpx;
	}
	.key {
		display: inline-block;
		width: 124rpx;
	}
	.u-car {
		position: relative;
		checkbox {
			position: absolute;
			top: 30rpx;
			right: 30rpx;
		}
	}
	.u-select {
		height: 100rpx;
		padding: 0 30rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}
</style>
